<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
		<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
		<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/js/customer/series/list.js"></script>
<script type="text/javascript">

/*二级联动  */
$(function() {
	$("#channel").change(
			function() {
				var mark = $("#channel").val();
				//alert(mark);
				$("#type option[value!='']").remove();
				$("#kind option[value!='']").remove();
				if(null != mark && mark != ""){
			
				$.post("series/getDramaTypes.html?code="
						+ $("#channel").val(), function(data, textStatus) {
					var dataObj = eval("(" + data + ")");
					for (var i = 0; i < dataObj.length; i++) {
						var $option = $("<option></option>");
						$option.attr("value", dataObj[i].code);
						$option.text(dataObj[i].name);
						$("#type").append($option);
						
					}
				});
				
				$.post("series/getSerieKinds.html?code=" + $("#channel").val(),
						function(data, textStatus) {
							var dataObj = eval("(" + data + ")");
							for (var i = 0; i < dataObj.length; i++) {
								var $option = $("<option></option>");
								$option.attr("value", dataObj[i].code);
								$option.text(dataObj[i].name);
								$("#kind").append($option);
							}
						});
				};
			});
	$("#type").change(
			function() {
				$("#typeName").val($("#type").find("option:selected").text());
			});
			$("#kind").change(
					function() {
						 
						$("#kindName").val($("#kind").find("option:selected").text());
					});		
		});
</script>

	
<div class="page-header">
	<shiro:hasPermission name="series:add">
	<button id="btnAdd" type="button" onclick="webside.common.addModel('/series/addUI.html')" class="btn btn-primary btn-sm">
	  	<i class="fa fa-user-plus"></i>&nbsp;添加
	</button>
	</shiro:hasPermission>
	<shiro:hasPermission name="series:edit">
	<button id="btnEdit" type="button" onclick="webside.common.editModel('/series/editUI.html')" class="btn btn-success btn-sm">
		 <i class="fa fa-pencil-square-o"></i>&nbsp;编辑
	</button>
	</shiro:hasPermission>
	<shiro:hasPermission name="series:deleteBatch">
	<button id="btnDel" type="button" onclick="webside.common.delModel('/series/deleteBatch.html', customSearch)" class="btn btn-danger btn-sm">
		<i class="fa fa-trash-o"></i>&nbsp;删除
	</button>
	</shiro:hasPermission>
	 <shiro:hasPermission name="series:videoList">
	<button id="btnBvide" type="button" onclick="webside.common.editModel('/bvideo/listUI.html')" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;视频列表
	</button>
	</shiro:hasPermission>
	<shiro:hasPermission name="series:editseo">
	<button id="btnBvide" type="button" onclick="webside.common.editModel('/series/editSeoUI.html')" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;seo编辑
	</button>
	</shiro:hasPermission> 
	<shiro:hasPermission name="series:online">
	<button id="btnDel" type="button" onclick="webside.common.editStatus('/series/updateStatus.html', customSearch)" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;上线
	</button>
	</shiro:hasPermission>
	<shiro:hasPermission name="series:offline">
	<button id="btnDel" type="button" onclick="webside.common.editStatus1('/series/updateStatus1.html', customSearch)" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;下线
	</button>
	</shiro:hasPermission>
	
</div>

   <div class="input-group">
   		<div style="float:left;margin-right:50px;">
        <label>名称:</label>
		<input id="nameKey" type="text"  name="name"   width="10px"  placeholder="名称...">
		</div >
		<div style="float:left;margin-right:50px;">
		<label>主演:</label>
		<input id="actorKey" type="text"  name="actor"      placeholder="主演...">
		</div>
		<div style="float:left;margin-right:100px;" >
		<label>导演:</label>
		<input id="directorKey" type="text"  name="director"   placeholder="导演...">
		</div>
		<div style="float:left;">
		<span class="input-group-btn">
			<button id="btnSearch" class="btn btn-primary btn-sm" type="button">
				<i class="fa fa-search"></i> 搜索
			</button>
		</span>
		</div>
		<div style="clear:both;height:20px"></div>
		<div style="width:1300px;height:50px;line-height:50px;font-size:14px;">
		<div style="float:left;margin-right:5px;">
		<label>频道:</label>
		<select id="channel"   name='channel' style="margin-right:16px;">
			<option value="">请选择</option>
			<c:forEach items="${list_channel}" var="t">
				<option value="${t.code}">${t.name}</option>
			</c:forEach>
		</select>
		</div>
		<div style="float:left;margin-right:5px;">
		<label>分类:</label>
		<select id="kind"   name='kind'  placeholder="分类..." style="margin-right:16px;">
		    <option value="">请选择</option>
			<c:forEach items="${list_serieKinds}" var="t">
				<option value="${t.code}">${t.name}</option>
			</c:forEach>
		</select>
		<input id="kindName" name="kindName" type="hidden" />
		</div>
		<div style="float:left;margin-right:5px;">
		<label>类型:</label>
		<select id="type"   name='type'  placeholder="类型..." style="margin-right:16px;">
			<option value="">请选择</option>
			<c:forEach items="${list_dramaTypes}" var="t">
				<option value="${t.code}">${t.name}</option>
			</c:forEach>
		</select>
		<input id="typeName" name="typeName" type="hidden" />
		</div>
		<div style="float:left;margin-right:5px;">
		<label>地区:</label>
		<select id="areaKey"  name='area' placeholder="地区..." style="margin-right:16px;">
			<option value="">请选择</option>
			<c:forEach items="${list_areas}" var="t">
				<option value="${t.code}">${t.name}</option>
			</c:forEach>
		</select>
		  </div>
		  <div style="float:left;margin-right:5px;">
		<label>语言:</label>
		<select id="language"  name='language' style="margin-right:16px;">
			<option value="">请选择</option>
			<c:forEach items="${list_language}" var="t">
				<option value="${t.code}">${t.name}</option>
			</c:forEach>
		</select>
			</div>
			<div style="float:left;margin-right:5px;">		 
		 <label>年份:</label>
		<select id="yearKey"  name='year' placeholder="年份..." style="margin-right:16px;">
			<option value="">请选择</option>
			<c:forEach items="${list_years}" var="t">
				<option value="${t.code}">${t.name}</option>   
			</c:forEach>
		</select>
		</div>
		<div style="float:left;margin-right:5px;">
			<label>推荐:</label>
			<select id="recommendLevelKey"  name='recommendLevel' placeholder="推荐..." style="margin-right:16px;">
				<option value="">请选择</option>
				<c:forEach items="${list_Position}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select>
		</div>
		
		
	</div>
</div>
<div class="row">
	<div class="col-xs-12 widget-container-col ui-sortable"
		style="min-height: 127px;">
		<!-- #section:custom/widget-box.options.transparent -->
		<div class="widget-box transparent ui-sortable-handle"
			style="opacity: 1; z-index: 0;">
			<div class="widget-header">
				<h4 class="widget-title lighter">剧集列表</h4>
				<div class="widget-toolbar no-border">
					<a href="#" data-action="fullscreen" class="orange2"> 
						<i class="ace-icon fa fa-arrows-alt"></i>
					</a> 
					<a href="#" data-action="collapse" class="green"> 
						<i class="ace-icon fa fa-chevron-up"></i>
					</a>
				</div>
			</div>
			

			<div class="widget-body" style="display: block;">
				<div class="widget-main padding-6 no-padding-left no-padding-right">
				    <input id="id" type="hidden" value="${id}">
				    <input id="seriesId" type="hidden" value="${seriesId}">
				    <input id="pageNum" type="hidden" value="${page.pageNum }">
					<input id="pageSize" type="hidden" value="${page.pageSize }">
					<input id="orderByColumn" type="hidden" value="${page.orderByColumn }">
					<input id="orderByType" type="hidden" value="${page.orderByType }">
					<div id="dtGridContainer" class="dlshouwen-grid-container"></div>
					<div id="dtGridToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
				</div>
			</div>
		</div>
	</div>
</div>


